<template>
  <div class="h-specs">
    <div v-for="spec in specDatas(value)" :key="spec.id">
      {{spec.name}}: {{spec.value}}
    </div>
  </div>
</template>

<script>
  export default {
    name: 'HSpecsDisplay',
    data() {
      return {}
    },
    props: {
      value: {
        type: Object,
        default: {}
      }
    },
    methods: {
      specDatas: function (data) {
        if (data != null) {
          if (data.specs != undefined && data.specs != null) {
            if (data.specs.datas != null) {
              return data.specs.datas
            }
          }
        }
        return []
      },
    }
  }
</script>
